<template>
  <div class="content">
    <div class="hotClass" style="width:100%;border:1px solid black">
      {{hotCities}}
    </div>
  </div>
</template>

<script>
export default {
  name: 'Function',
  data () {
    return {
      hotCities: [{
        'id': 1,
        'spell':
        'beijing',
        'name': '北京'}, {
        'id': 3,
        'spell': 'shanghai',
        'name': '上海'}, {
        'id': 47,
        'spell': 'xian',
        'name': '西安'}]
    }
  },
  methods: {
    getTestData: function () {
      this.$axiosHttp.upload({
        url: '/api/app/APP1010/app_pages_infor.svc',
        data: {
          ins_id: 6557
        }
      }).then(res => {
        console.log(res.result)
        this.hotCities = res.result.record
        console.log(res.record)
      }).catch(err => {
        console.log(err)
      })
    }
  },
  created () {
    this.getTestData()
  }
}

</script>

<style scoped>
  .content{
    width: 100%;
    height:100%;
  }
</style>
